<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<title>Real Home A Real Estate Category Flat Bootstarp Resposive Website Template | Single</title>
<link href="/myhouse/static/web/css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="/myhouse/static/web/js/jquery.min.js"></script>
	<script src="/static/ueditor/ueditor.config.js"></script>
	<script src="/static/ueditor/ueditor.all.js"></script>
<!-- Custom  Theme files -->
<!--menu-->
<script src="/myhouse/static/web/js/scripts.js"></script>
<link href="/myhouse/static/web/css/styles.css" rel="stylesheet">
<!--//menu-->
<!--theme-style-->
<link href="/myhouse/static/web/css/style.css" rel="stylesheet" type="text/css" media="all" />
<!--//theme-style-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Real Home Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>

</head>
<style>
	#a{
		display: flex
	}
	#h{
		width: 1000px;
		height: 1000px;
	}
	#div01{
	font-size: 35px;

	}
	#div02{
		font-size: 35px;
	}
</style>
<body>
<script src="/myhouse/static/web/js/easyResponsiveTabs.js" type="text/javascript"></script>
<script type="text/javascript">
	$(document).ready(function () {
		$('#horizontalTab').easyResponsiveTabs({
			type: 'default', //Types: default, vertical, accordion
			width: 'auto', //auto or any width like 600px
			fit: true   // 100% fit in a container
		});
	});
</script>
<!--header-->
<jsp:include page="/inc/head.jsp"></jsp:include>
<!--//-->	
<div class=" banner-buying">
	<div class=" container">
	<h3>MYHOUSE</h3>
	<!---->
<jsp:include page="/inc/menu.jsp"></jsp:include>
	<div class="clearfix"> </div>
		<!--initiate accordion-->
		<script type="text/javascript">
			$(function() {
			    var menu_ul = $('.menu > li > ul'),
			           menu_a  = $('.menu > li > a');
			    menu_ul.hide();
			    menu_a.click(function(e) {
			        e.preventDefault();
			        if(!$(this).hasClass('active')) {
			            menu_a.removeClass('active');
			            menu_ul.filter(':visible').slideUp('normal');
			            $(this).addClass('active').next().stop(true,true).slideDown('normal');
			        } else {
			            $(this).removeClass('active');
			            $(this).next().stop(true,true).slideUp('normal');
			        }
			    });
			
			});
		</script>
      		
	</div>
</div>
<!--//header-->
<!---->

<div class="container">
	
	<div class="buy-single-single">
	
			<div class="col-md-9 single-box">
				
       <div class=" buying-top">
<div >
  <ul class="slides">
    <li  data-thumb="/myhouse/static/uploadImages/${requestScope.houses.showImg}">
      <img style="width: 500px" src="/myhouse/static/uploadImages/${requestScope.houses.showImg}" />
    </li>
  </ul>
</div>
<!-- FlexSlider -->
  <script defer src="/myhouse/static/web/js/jquery.flexslider.js"></script>
<link rel="stylesheet" href="/myhouse/static/web/css/flexslider.css" type="text/css" media="screen" />

<script>
// Can also be used with $(document).ready()
$(window).load(function() {
  $('.flexslider').flexslider({
    animation: "slide",
    controlNav: "thumbnails"
  });
});
</script>
</div>
<div class="buy-sin-single">

				<div id="div01">
					     <span style="font-size: 30px;color: #0BA969">基本信息</span>
						<table height="100px" width="1000px">
							<tr>
								<td>
					     <span class="bath">区县</span>:<span class="two">${requestScope.houses.city}</span>
								</td>
								<td>
					     <span class="bath1">类型</span>:<span class="two">${requestScope.houses.type}</span>
								</td>
								<td>
					     <span class="bath2">房间</span>:<span class="two">${requestScope.houses.room}</span>
								</td>
								<td>
					     <span class="bath3">面积</span>:<span class="two">${requestScope.houses.area}</span>
								</td>
								<td>
						 <span class="bath5">价格 </span>:<span class="two">${requestScope.houses.price}</span>
								</td>
								<td>
									<span class="bath">
									<c:if test="${houses.sold == false}">
										已出租
									</c:if>
									<c:if test="${houses.sold == true}">
										未出租
									</c:if>
								</span>
								</td>
							</tr>
						</table>
				</div>
					<table height="100px">
						<tr>
							<td style="font-size: 30px;color: #0BA969">详情信息</td>
						</tr>
					</table>
				<div id="t">
					<span style="font-size: 20px;" >${requestScope.houses.houseInfo}</span>
					<br><br>
					<a  href="/myhouse/web/contact?id=${requestScope.houses.id}&&mediatorId=${requestScope.houses.mediatorId}" class="hvr-sweep-to-right more" >联系我们</a>
				</div>
						<div class="right-side">

					 </div>
					 <div class="clearfix"> </div>
					</div>
		</div>
		<div  id="a">
		<div id="h" style="width: 100px">
		</div>
			<br>
		</div>
		</div>
	</div>
<script type="text/javascript">

	$(function (){
		var ops = {toolbars:[]}
		editor = UE.getEditor("t",ops);
		editor.ready(function (){
			editor.setContent("${requestScope.houses.houseInfo}")
		});
	});
</script>
<!---->
<!--footer-->
<jsp:include page="/inc/footer.jsp"></jsp:include>
<!--//footer-->
</body>
</html>